import { count, log } from "console";
import { Component, ReactNode } from "react";

// 1. 事件
// 2. 表单
// 3. 生命周期
// 4. axios
export default class App extends Component {
  state={
    count:100
  }
  btnClick1=(val:string)=>{
    console.log("点击了1"+val);
    this.setState({
      count:this.state.count+1
    })
  }
  btnClick2(val:string){
    console.log("点击了2"+val);
    this.setState({
      count:++this.state.count
    })
  }

  btnClick3(val:string){
    console.log("点击了3"+val+this);
 
  }
 
  render(): ReactNode {
    return (
      <>
        <h1>Hello World--参数 {this.state.count}</h1>

        
        <button onClick={()=>{
          this.btnClick1('哈哈哈')}
        }>点击传参1</button>

<button onClick={()=>{
          this.btnClick2('哈哈哈1111')}
        }>点击传参2</button>
        {/* .bind修改this指向 */}
        <button onClick={this.btnClick3.bind(this,'桀桀桀')}>点击传参3</button>
      </>
    );
  }
}
